* {
    margin: 0;
    padding: 0;
}

main {
    margin: 0 auto;
}

li {
    list-style: none;
}

.tabbox {
    width: 900px;
    height: 500px;
    margin: 100px auto;
    background-color: aquamarine;
}

.firstnav {
    width: 100%;
    height: 50px;
    background-color: palegoldenrod;
}


/* .firstnav ul {
    float: left;
} */

.firstnav li {
    float: left;
    /* li就是块级元素可以直接定义宽高，加上浮动就可以在一行上显示了，不需要再转为行内块元素，否则会和浮动有冲突 */
    /* display: inline-block;转为行内块和浮动只能选一个，都可以实现在一行上显示的结果 */
    width: 100px;
    height: 50px;
    margin-right: 5px;
    background-color: palevioletred;
    text-align: center;
    line-height: 50px;
}

.liactive {
    border: 1px solid rgb(209, 128, 128);
}

.conactive {
    display: none;
}

.tabadd {
    float: right;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: yellowgreen;
}